<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html>
<!--<![endif]-->

	<head>
		<base href="<%=basePath%>">
		<title>INF博物馆</title>
		
		<!-- META TAGS -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta name="author" content="CH.HUANG" />
		<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=Edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="shortcut icon" href="assets/images/favicon.ico" />

		<!-- Style Sheet-->
		<link rel='stylesheet' id='bootstrap-css-css' href='assets/css/bootstrap.css?ver=1.0' type='text/css' media='all' />
		<link rel='stylesheet' id='responsive-css-css' href='assets/css/responsive.css?ver=1.0' type='text/css' media='all' />
		<link rel='stylesheet' id='main-css-css' href='assets/css/main.css?ver=1.0' type='text/css' media='all' />
		<link rel='stylesheet' id='red-skin-css' href='assets/css/red-skin.css?ver=1.0' type='text/css' media='all' />
		<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/animate.min.css">
		<link href="assets/message/message.css" rel='stylesheet' type='text/css' />
		<!-- [if IE] > 
		<link href="assets/message/messageIE.css" rel='stylesheet' type='text/css' />
		<![endif] --> 
		<link href="assets/spop/spop.min.css" rel='stylesheet' type='text/css' />
		<link rel='stylesheet' type='text/css' href="assets/loading/loading.css" />
		<link rel="stylesheet" href="assets/backto_top/backto_top.css" />
		<link rel="stylesheet" href="assets/pager/pager.css" />
		
		<style>
			.articles>.article-entry h4 {
				line-height: 20px;
			}
			.articles>.article-entry span {
				line-height: 20px;
			}
		</style>
		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
            <script src="assets/js/html5shiv.min.js"></script></script>
        <![endif]-->

	</head>

	<body>

		<!-- Start of Header -->
		<div class="header-wrapper">
			<header>
				<div class="container">

					<div class="logo-container">
						<!-- Website Logo -->
						<a href="pages/resource/index.html" title="资源博物馆" style="color: #FFFFFF; font-size: 28px;">
							<span>INF</span>-<span style="font-size: 26px;">MUSEUM</span>
						</a>
						<span class="tag-line" style="vertical-align: top; top: 10px;">资源博物馆</span>
					</div>

					<!-- Start of Main Navigation -->
					<nav class="main-nav">
						<div class="menu-top-menu-container">
							<!--<ul id="menu-top-menu" class="clearfix">
								<li>
									<a href="#">皮肤</a>
									<ul class="sub-menu">
										<li>
											<a href="blue-skin.html">蓝色皮肤</a>
										</li>
										<li>
											<a href="green-skin.html">绿色皮肤</a>
										</li>
										<li class="current-menu-item">
											<a href="red-skin.html">红色皮肤</a>
										</li>
										<li>
											<a href="index-2.html">默认皮肤</a>
										</li>
									</ul>
								</li>
							</ul>-->
						</div>
					</nav>
					<!-- End of Main Navigation -->

				</div>
			</header>
		</div>
		<!-- End of Header -->

		<!-- Start of Search Wrapper -->
		<div class="search-area-wrapper">
			<div class="search-area container">
				<!-- <h3 class="search-header">搜索资源</h3> -->
				<!--<p class="search-tag-line">666</p>-->

				<form id="search-form" class="search-form clearfix">
					<input class="search-term required" type="text" id="searchKeyWord" name="searchKeyWord" placeholder="输入您要找的关键字" title="* 请输入您要找的资源的关键字！" />
					<input class="search-btn" type="button" value="搜一下" id="searchButton" />
					<div id="search-error-container"></div>
				</form>
			</div>
		</div>
		<!-- End of Search Wrapper -->

		<!-- Start of Page Container -->
		<div class="page-container" style="min-height: 228px">
			<div class="container">
				<div class="row">

					<!-- start of page content -->
					<div class="span12 page-content">
						
						<!-- 搜索结果 -->
						<div id="searchResult" class="row separator" hidden>
							<section class="span12 articles-list">
								<h3>搜索结果</h3>
								<div id="resources">
									<ul class="articles" v-if="result.itemCount>0">
										<li class="article-entry" v-for="res in result.result">
											<h4>
												<a @click="detail(res.resourceId, res.pathType)" href="javascript:void(0)" :title="res.resourceIntroduction" target="_blank">
												<i :class="typeIcon(res.resourceType, res.resourceName, res.pathType)"></i>{{res.resourceName}}</a>
											</h4>
											<span class="article-meta">
												<span>日期：{{splitDate(res.createTime)}}</span>
												<span v-if="res.pathType==0">大小：{{fileSize(res.resourceLength)}}</span>
											</span>
											<a @click="down(res.resourceId, res.pathType, res.resourcePath)" href="javascript:void(0)" target="_blank">
												<span :class="uriType(res.pathType)">
													<i class="download-amount">{{res.downloadAmount}}</i>
												</span>
											</a>
										</li>
									</ul>
									<div v-else>* 没有找到你要的资源  *</div>
									<!-- 分页器 -->
									<div id="pager" class="pager"></div>
								</div>
							</section>
						</div>
						
						<!-- Basic Home Page Template -->
						<div id="basicInfo" class="row separator">
							<div id="hotResources" class="span6">
								<section class="articles-list" v-if="success && result.itemCount>0">
									<h3>下载最多</h3>
									<ul class="articles">
										<li class="article-entry" v-for="res in result.result">
											<h4>
												<a @click="detail(res.resourceId, res.pathType)" href="javascript:void(0)" :title="res.resourceIntroduction" target="_blank">
												<i :class="typeIcon(res.resourceType, res.resourceName, res.pathType)"></i>{{res.resourceName}}</a>
											</h4>
											<span class="article-meta">
												<span>日期：{{splitDate(res.createTime)}}</span>
												<span v-if="res.pathType==0">大小：{{fileSize(res.resourceLength)}}</span>
											</span>
											<a @click="down(res.resourceId, res.pathType, res.resourcePath)" href="javascript:void(0)" target="_blank">
												<span :class="uriType(res.pathType)">
													<i class="download-amount">{{res.downloadAmount}}</i>
												</span>
											</a>
										</li>
									</ul>
									<!-- 分页器 -->
									<div id="pager1" class="pager"></div>
								</section>
							</div>
							
							<div id="lastResources" class="span6">
								<section class="articles-list" v-if="success && result.itemCount>0">
									<h3>最近上传</h3>
									<ul class="articles">
										<li class="article-entry" v-for="res in result.result">
											<h4>
												<a @click="detail(res.resourceId, res.pathType)" href="javascript:void(0)" :title="res.resourceIntroduction" target="_blank">
												<i :class="typeIcon(res.resourceType, res.resourceName, res.pathType)"></i>{{res.resourceName}}</a>
											</h4>
											<span class="article-meta">
												<span>日期：{{splitDate(res.createTime)}}</span>
												<span v-if="res.pathType==0">大小：{{fileSize(res.resourceLength)}}</span>
											</span>
											<a @click="down(res.resourceId, res.pathType, res.resourcePath)" href="javascript:void(0)" target="_blank">
												<span :class="uriType(res.pathType)">
													<i class="download-amount">{{res.downloadAmount}}</i>
												</span>
											</a>
										</li>
									</ul>
									<!-- 分页器 -->
									<div id="pager2" class="pager"></div>
								</section>
							</div>
						</div>
						
					</div>
					<!-- end of page content -->
					
				</div>
			</div>
		</div>
		<!-- End of Page Container -->

		<!-- Start of Footer -->
		<footer id="footer-wrapper">
			<div id="footer" class="container">
				<!--<div class="row">

					<div class="span3">
						<section class="widget">
							<h3 class="title">How it works</h3>
							<div class="textwidget">
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
								<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
							</div>
						</section>
					</div>

					<div class="span3">
						<section class="widget">
							<h3 class="title">Categories</h3>
							<ul>
								<li>
									<a href="#" title="Lorem ipsum dolor sit amet,">Advanced Techniques</a>
								</li>
								<li>
									<a href="#" title="Lorem ipsum dolor sit amet,">Designing in WordPress</a>
								</li>
							</ul>
						</section>
					</div>

					<div class="span3">
						<section class="widget">
							<h3 class="title">Latest Tweets</h3>
							<div id="twitter_update_list">
								<ul>
									<li>No Tweets loaded !</li>
								</ul>
							</div>
						</section>
					</div>

					<div class="span3">
						<section class="widget">
							<h3 class="title">Flickr Photos</h3>
							<div class="flickr-photos" id="basicuse">
							</div>
						</section>
					</div>

				</div>-->
			</div>
			<!-- end of #footer -->

			<!-- Footer Bottom -->
			<div id="footer-bottom-wrapper">
				<div id="footer-bottom" class="container">
					<div class="row">
						<div class="span7">
							<p class="copyright">
								Copyright © 2018. INF博物馆
							</p>
						</div>
						<div class="span5">
							<a href="pages/system/login.html" target="_blank" style="color: #966e6c; float: right; margin-right: 20px;">后台管理-></a>
						</span>
					</div>
				</div>
			</div>
			<!-- End of Footer Bottom -->

		</footer>
		<!-- End of Footer -->
		
		<a href="javascript:void(0);" id="backto_top" ><img src="assets/backto_top/backto_top.gif"></a>

		<!-- script -->
		<script type="text/javascript" src="assets/js/jquery.min.js"></script>
		<script type="text/javascript" src="assets/js/vue.min.js" ></script>
		<script type="text/javascript" src="assets/js/fetch.min.js" ></script>
		<script type="text/javascript" src="assets/message/message.js" ></script>
		<script type="text/javascript" src="assets/spop/spop.min.js" ></script>
		<script type="text/javascript" src="assets/loading/loading.js" ></script>
		<script type="text/javascript" src="assets/backto_top/backto_top.js"></script>
		<script type="text/javascript" src="assets/pager/jquery.pager.js" ></script>
		<script type="text/javascript" src="assets/js/common.js"></script>
		<script type="text/javascript" src="assets/js/fetchFun.js"></script>
		<script type="text/javascript" src="pages/resource/js/index.js"></script>
		<script type="text/javascript" src="pages/resource/js/res.js"></script>
		
	</body>

</html>